---
type: tutorial
title: Prepara tu entorno de desarrollo
i18nReady: true
description: |-
  Tutorial: Crea tu primer blog con Astro —
  Instala las herramientas locales que necesitarás para completar el tutorial
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Instalar todas las herramientas que necesitarás para construir tu sitio web con Astro
</PreCheck>

## Obtén las herramientas de desarrollo que necesites

### Terminal

Utilizarás una **línea de comandos (terminal)** para crear tu proyecto de Astro y ejecutar comandos clave para construir, desarrollar y probar tu sitio.

Puedes acceder a la línea de comandos a través de un programa de terminal local para tu sistema operativo. Las aplicaciones más comunes son **Terminal** (MacOS/Linux), **Símbolo del sistema** (Windows) y **Termux** (Android). Es probable que alguna de estas aplicaciones ya esté instalada en tu ordenador. 

### Node.js

Para que Astro funcione en tu sistema, también necesitarás tener instalado [**Node.js**](https://nodejs.org/en/), versión `v18.14.1` o posterior.

Para comprobar si ya tienes instalada una versión compatible, ejecuta el siguiente comando en tu terminal:

```sh
node -v

// Ejemplo de salida
v18.14.1
```

Si el comando devuelve un número de versión superior a `v18.14.1`, ¡ya está!

Si el comando devuelve un mensaje de error como `Command 'node' not found`, o un número de versión inferior a `v18.14.1`, entonces necesitas [instalar una versión compatible de Node.js](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

### Editor de código

Además, tendrás que descargar e instalar un **editor de código** para escribir tu código. 

:::tip[Usaremos...]
Este tutorial utilizará **VS Code**, pero puedes utilizar cualquier editor para tu sistema operativo.
:::

<Steps>
1. [Descarga e instala VS Code](https://code.visualstudio.com/#alt-downloads) u otro editor de código de tu elección. 
</Steps>

<Box icon="question-mark">

### Pon a prueba tus conocimientos

¿Cuál de las siguientes es...
1. Un editor de código para modificar los archivos y su contenido?

    <MultipleChoice>
      <Option>
        Navegador web
      </Option>
      <Option>
        Terminal
      </Option>
      <Option isCorrect>
        VS Code
      </Option>
    </MultipleChoice>

2. ¿Un gestor de control de versiones en línea para tu repositorio?

    <MultipleChoice>
      <Option isCorrect>
        GitHub
      </Option>
      <Option>
        Terminal
      </Option>
      <Option>
        VS Code
      </Option>
    </MultipleChoice>

3. ¿Una aplicación para ejecutar comandos?
    <MultipleChoice>
      <Option>
        GitHub
      </Option>
      <Option isCorrect>
        Terminal
      </Option>
      <Option>
        Navegador web
      </Option>
    </MultipleChoice>

</Box>

<Box icon="check-list">
## Checklist para seguir adelante

<Checklist>
- [ ] Puedo acceder a la línea de comandos en un terminal.
- [ ] Tengo Node.js instalado.
- [ ] Tengo un editor de código como VS Code.
</Checklist>
</Box>


### Recursos

- <p>[FreeCodeCamp.org](https://freecodecamp.org) <Badge>externo</Badge> — un sitio educativo gratuito con cursos completos o de repaso rápido sobre HTML, CSS, JS y mucho más.</p>
